<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
	<head profile="http://www.acme.com/profiles/core">
		<title>Recursos Humanos - Exemplo do IFPUG</title>
		
		<meta name="author" content="Michele de Vasconcelos" lang="pt-BR">
		<meta name="copyright" content="&copy; 2013 PPGEC">
		<meta name="keywords" content="Recursos Humanos, Recursos, Humanos, RH">
		<meta name="date" content="2013-01-12T14:58:15-03:00">
		<meta http-equiv="content-style-type" content="text/css">
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
			
		<link href="css/bootstrap.css" rel="stylesheet" media="screen">
		<link href="css/bootstrap-responsive.css" rel="stylesheet">
		<link href="css/principal.css" rel="stylesheet">
			
	</head>
	<body>

		<div class="container">
		  <div class="masthead">
			<h1 class="muted">Recursos Humanos</h1>
			<div class="navbar">
			  <div class="navbar-inner">
				<div class="container">
				  <ul class="nav">
					<li class="dropdown">						
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">Funcionários<b class="caret"></b></a>
						<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
							<li>
								<a href="#modalFuncNovo" role="button" data-toggle="modal" tabindex="1">Novo Funcionário</a>
							</li>
							<li>
								<a href="#modalFuncRev" role="button" data-toggle="modal" tabindex="2">Revisão de Funcionário</a>
							</li>
							<li>
								<a href="#modalFuncEditar" role="button" data-toggle="modal" tabindex="3">Editar Funcionário</a>
							</li>
							<li>
								<a href="#modalFuncRel" role="button" data-toggle="modal" tabindex="4">Relatório de Funcionário</a>
							</li>
						</ul>
					<li>
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">Funções<b class="caret"></b></a>
						<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
							<li>
								<a href="#modalFuncoesRelat" role="button" data-toggle="modal" tabindex="1">Relatório de Função</a>
							</li>
							<li>
								<a href="#modalFuncoesNovo" role="button" data-toggle="modal" tabindex="2">Nova Função</a>
							</li>
							<li><a href="#">Editar Função</a></li>
							<li><a href="#">Excluir Função</a></li>
						</ul>
					</li>
					<li>
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">Atribuições<b class="caret"></b></a>
						<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">						  
							<li>
								<a href="#modalAtrib" role="button" data-toggle="modal" tabindex="1">Atribuições de Funções</a>
							</li>
							<li>
								<a href="#modalAtribEntrada" role="button" data-toggle="modal" tabindex="2">Entrada das Atribuições de Funções</a>
							</li>
							<li>
								<a href="#modalAtribRelatFunc" role="button" data-toggle="modal" tabindex="3">Relatório de Atribuição de Função</a>
							</li>
						</ul>
					</li>
					<li><a href="#">Locais</a></li>
					<li><a href="#">Ajuda</a></li>
				  </ul>
				</div>
			  </div>
			</div><!-- /.navbar -->
		  </div>
		</div>
		
		<!-- Modal modalFuncNovo -->
		<div id="modalFuncNovo" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		  		
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
				<h3 id="myModalLabel">Criar Funcionários</h3>
			</div>
			
			<div class="modal-body">	
				<div>
					<label class="label-float" style="width: 160px;">Código do Funcionário</label>
					<input type="text" class="input-medium" id="inputNroFunc" placeholder="Código do Funcionário" />
				</div>				
				<div>
					<label class="label-float" style="width: 160px;">Sobrenome</label>
					<input type="text" class="input-medium" id="inputSobrenome" placeholder="Sobrenome" />
				</div>					
				<div>
					<label class="label-float" style="width: 160px;">Endereço</label>
					<input type="text" class="input-medium" id="inputEnd" placeholder="Endereço" />
				</div>				
			</div>
			
			<div class="modal-footer">
				<a class="btn btn-primary" href="#modalFuncNovoCriar" role="button" data-dismiss="modal" data-toggle="modal">Criar</a>
				<a class="btn" href="#" role="button" data-dismiss="modal">Cancelar</a>
				<a class="btn" href="#modalFuncNovoCarteira" role="button" data-dismiss="modal" data-toggle="modal">Carteira de Motorista</a>
			</div>
		</div>
		<!-- Fim Modal modalFuncNovo -->
		
		
		<!-- Modal modalFuncNovoCriar -->
		<div id="modalFuncNovoCriar" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		  		
			<div class="modal-header">		
				<a class="close" href="#modalFuncNovo" role="button" data-dismiss="modal" data-toggle="modal" aria-hidden="true">×</a>
				<h3 id="myModalLabel">Incluir Detalhes da Entrevista</h3>
			</div>
			
			<div class="modal-body">	
				<div>
					<label class="label-float" style="width: 160px;">Nome do Entrevistador</label>
					<input type="text" class="input-medium" id="inputNomeEntr" placeholder="Nome do Entrevistador" />
				</div>				
				<div>
					<label class="label-float" style="width: 160px;">Data da Entrevista</label>
					<input type="text" class="input-medium" id="inputData" placeholder="Data da Entrevista" />
				</div>					
				<div>
					<label class="label-float" style="width: 160px;">Comentários da Entrevista</label>
					<input type="text" class="input-medium" id="inputComent" placeholder="Comentários da Entrevista" />
				</div>				
			</div>
			
			<div class="modal-footer">
				<button type="submit" class="btn btn-primary" data-dismiss="modal" >Incluir</button>
				<a class="btn" href="#modalFuncNovo" role="button" data-dismiss="modal" data-toggle="modal">Cancelar</a>
			</div>
		</div>
		<!-- Fim Modal modalFuncNovoCriar -->
		
		<!-- Modal modalFuncNovoCarteira -->
		<div id="modalFuncNovoCarteira" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		  		
			<div class="modal-header">		
				<a class="close" href="#modalFuncNovo" role="button" data-dismiss="modal" data-toggle="modal" aria-hidden="true">×</a>
				<h3 id="myModalLabel">Incluir Detalhes da Entrevista</h3>
			</div>
			
			<div class="modal-body">	
				<div>
					<label class="label-float" style="width: 160px;">Carteira de Motorista</label>
					<input type="text" class="input-medium" id="inputCarteira" placeholder="Carteira de Motorista" />
				</div>				
				<div>
					<label class="label-float" style="width: 160px;">Número da Carteira</label>
					<input type="text" class="input-medium" id="inputNumero" placeholder="Número da Carteira" />
				</div>					
				<div>
					<label class="label-float" style="width: 160px;">Classificação</label>
					<input type="text" class="input-medium" id="inputClassificacao" placeholder="Classificação" />
				</div>						
				<div>
					<label class="label-float" style="width: 160px;">Data de Validade</label>
					<input type="text" class="input-medium" id="inputdata" placeholder="Data de Validade" />
				</div>				
			</div>
			
			<div class="modal-footer">
				<a class="btn btn-primary" href="#modalFuncNovo" role="button" data-dismiss="modal" data-toggle="modal">Incluir</a>
				<a class="btn" href="#modalFuncNovo" role="button" data-dismiss="modal" data-toggle="modal">Cancelar</a>
			</div>
		</div>
		<!-- Fim Modal modalFuncNovoCriar -->
			
		<!-- Modal modalFuncEditar -->
		<div id="modalFuncEditar" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		  		
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
				<h3 id="myModalLabel">Atualização de Funcionário</h3>
			</div>
			
			
			<form class="form-horizontal">
				<div class="modal-body">
					
					<div class="control-group">
						<label class="control-label" for="inputPrimeiroNome">Primeiro Nome</label>
						<div class="controls">
							<input type="text" id="inputPrimeiroNome" placeholder="Primeiro Nome"> 
						</div>
					</div>
					
					<div class="control-group">
						<label class="control-label" for="inputMI">MI</label>
						<div class="controls">
							<input type="text" id="inputMI" placeholder="MI"> 
						</div>
					</div>
					
					<div class="control-group">
						<label class="control-label" for="inputUltimoNome">Último Nome</label>
						<div class="controls">
							<input type="text" id="inputUltimoNome" placeholder="Último Nome"> 
						</div>
					</div>
					
					<div class="control-group">
						<label class="control-label" for="inputRG">PIS</label>
						<div class="controls">
							<input type="text" id="inputPIS" placeholder="PIS">
						</div>
					</div>
					
					<div class="control-group">
						<label class="control-label" for="inputDep">Número de Dependentes</label>
						<div class="controls">
							<input type="text" id="inputDep" placeholder="0">
						</div>
					</div>
					
					<div class="control-group">
						<label class="control-label" for="inputLocal">Local</label>
						<div class="controls">
							<select id="inputLocal">
								<option>Matriz</option>
								<option>Filial 101</option>
								<option>Filial 102</option>
								<option>Filial 103</option>
							</select>
						</div>
					</div>					
					
					<div class="control-group">
						<label class="control-label" for="inputAtual">Local Atual</label>
						<div class="controls">
							<select id="inputAtual">
								<option>Matriz</option>
								<option selected>Filial 101</option>
								<option>Filial 102</option>
								<option>Filial 103</option>
							</select>
						</div>
					</div>
					
					<div class="control-group">
						<label class="control-label" for="inputData">Tipo de Salário</label>
						<div class="controls">
							<label class="radio">
								<input type="radio" name="radiosTipoSal" id="radiosTipoSal1" value="1" /> Horista
							</label>
							<label class="radio">
								<input type="radio" name="radiosTipoSal" id="radiosTipoSal2" value="2" /> Mensalista
							</label>
						</div>
					</div>
					
				</div>
			</form>				
			
			<div class="modal-footer">
				<button type="submit" class="btn btn-primary" data-dismiss="modal" >OK</button>	
			</div>
		</div>
		<!-- Fim Modal modalFuncEditar -->
		
		<!-- Modal modalFuncRev -->
		<div id="modalFuncRev" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		  		
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
				<h3 id="myModalLabel">Atualização de Funcionário</h3>
			</div>
			
			<div class="modal-body">
				<table class="table table-striped">
					<thead>
						<tr>
							<th>Último Nome</th>
							<th>Primeiro Nome</th>
							<th>NM</th>
							<th>NSS</th>
							<th>Tipo Salário</th>
							<th>Editar</th>
						</tr>	
					</thead>
					<tbody>
						
						<tr>
							<td>Lima</a></td>
							<td>Carla</td>
							<td>V</td>
							<td>123-546-789</td>
							<td>Horista</td>
							<td><a class="btn btn-mini" href="#modalDadosFunc" role="button" data-dismiss="modal" data-toggle="modal"><i class="icon-edit" /></a></td>
						</tr>
						
						<tr>
							<td>Lourenço</td>
							<td>Mario</td>
							<td></td>
							<td>246-810-121</td>
							<td>Mensal</td>
							<td><a class="btn btn-mini" href="#modalDadosFunc" role="button" data-dismiss="modal" data-toggle="modal"><i class="icon-edit" /></a></td>
						</tr>
						<tr>
							<td>Mathias</td>
							<td>Paulo</td>
							<td>NM</td>
							<td>852-891-123</td>
							<td>Mensal</td>
							<td><a class="btn btn-mini" href="#modalDadosFunc" role="button" data-dismiss="modal" data-toggle="modal"><i class="icon-edit" /></a></td>
						</tr>
						<tr>
							<td>Noel</td>
							<td>Ana Maria</td>
							<td>L</td>
							<td>834-945-129</td>
							<td>Horista</td>
							<td><a class="btn btn-mini" href="#modalDadosFunc" role="button" data-dismiss="modal" data-toggle="modal"><i class="icon-edit" /></a></td>
						</tr>
						<tr>
							<td>Santos</td>
							<td>Katia</td>
							<td></td>
							<td>847-394-534</td>
							<td>Horista</td>
							<td><a class="btn btn-mini" href="#modalDadosFunc" role="button" data-dismiss="modal" data-toggle="modal"><i class="icon-edit" /></a></td>
						</tr>	
						<tr>
							<td>Silva</td>
							<td>Fabiana</td>
							<td>A</td>
							<td>765-123-098</td>
							<td>Horista</td>
							<td><a class="btn btn-mini" href="#modalDadosFunc" role="button" data-dismiss="modal" data-toggle="modal"><i class="icon-edit" /></a></td>
						</tr>
						<tr>
							<td>Silva</td>
							<td>Ronaldo</td>
							<td></td>
							<td>786-234-678</td>
							<td>Mensal</td>
							<td><a class="btn btn-mini" href="#modalDadosFunc" role="button" data-dismiss="modal" data-toggle="modal"><i class="icon-edit" /></a></td>
						</tr>
						<tr>
							<td>Silva</td>
							<td>Maria</td>
							<td>K</td>
							<td>765-345-789</td>
							<td>Mensal</td>
							<td><a class="btn btn-mini" href="#modalDadosFunc" role="button" data-dismiss="modal" data-toggle="modal"><i class="icon-edit" /></a></td>
						</tr>
						<tr>
							<td>Jhonas</td>
							<td>Douglas</td>
							<td>S</td>
							<td>876-123-354</td>
							<td>Horista</td>
							<td><a class="btn btn-mini" href="#modalDadosFunc" role="button" data-dismiss="modal" data-toggle="modal"><i class="icon-edit" /></a></td>
						</tr>
						<tr>
							<td>Gates</td>
							<td>Bill</td>
							<td></td>
							<td>896-234-456</td>
							<td>Horista</td>
							<td><a class="btn btn-mini" href="#modalDadosFunc" role="button" data-dismiss="modal" data-toggle="modal"><i class="icon-edit" /></a></td>
						</tr>
						<tr>
							<td>Jobs</td>
							<td>Steeve</td>
							<td></td>
							<td>035-567-678</td>
							<td>Horista</td>
							<td><a class="btn btn-mini" href="#modalDadosFunc" role="button" data-dismiss="modal" data-toggle="modal"><i class="icon-edit" /></a></td>
						</tr>
						<tr>
							<td>Livre</td>
							<td>Django</td>
							<td></td>
							<td>234-234-234</td>
							<td>Horista</td>
							<td><a class="btn btn-mini" href="#modalDadosFunc" role="button" data-dismiss="modal" data-toggle="modal"><i class="icon-edit" /></a></td>
						</tr>
					</tbody>
				</table>
			</div>
			
			<div class="modal-footer">
				<button type="submit" class="btn btn-primary">OK</button>
				<button type="submit" class="btn" data-dismiss="modal" >Cancelar</button>					
			</div>
		</div>
		<!-- Fim Modal modalFuncRev -->
		
		<!-- Modal modalDadosFunc -->
		<div id="modalDadosFunc" class="modal hide" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="padding:10px; border:5px;" >
			<div class="modal-header">
				<a class="close" href="#modalFuncRev" role="button" data-dismiss="modal" data-toggle="modal" aria-hidden="true">×</a>
				<h3 id="myModalLabel">Dados do Funcionário</h3>
			</div>
			
			<div class="modal-body">
				<div class="controls controls-row">
					<label class="label-float" style="width: 50px; ">Nome</label>
					<input class="input-medium" type="text" value="Carla" />
					<input class="input-mini" type="text" value="V" />
					<input class="input-medium" type="text" value="Lima" />
				</div>	
				
				<div>
					<label class="label-float" style="width: 50px; ">NSS</label>
					<input class="input-medium" type="text" value="123-546-789" />
				</div>
					
			</div>
			
			<div class="modal-footer">
				<a class="btn btn-primary" href="#modalFuncRev" role="button" data-dismiss="modal" data-toggle="modal" aria-hidden="true">OK</a>
			</div>
		</div>
		
		<!-- Modal modalFuncoesRelat -->
		<div id="modalFuncoesRelat" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="padding:10px; border:5px;" >
			
			<form>

			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
				<h3 id="myModalLabel">Relatório das Atribuições das Funções</h3>
			</div>
			
			<div class="teix-unit">
				<h5>Classificação</h5>
				<p>
					<input type="text" placeholder="Código Função" maxlength="1" /> <br/>
					<input type="text" placeholder="Número Funcionário" maxlength="1" /><br/>
					<input type="text" placeholder="Nome Funcionário" maxlength="1" /><br/>
				</p>
				<h6>
					Identifique com 1, 2 ou 3.
				</h6>
			</div>
			
			<div class="teix-unit">
				<h5>Impressora</h5>
				<label class="radio">
					<input type="radio" name="radiosPrint" id="radiosPrint1" value="radiosPrint1" /> LPT 1
				</label>
				<label class="radio">
					<input type="radio" name="radiosPrint" id="radiosPrint2" value="radiosPrint2" /> LPT 2
				</label>
				<label class="radio">
					<input type="radio" name="radiosPrint" id="radiosPrint3" value="radiosPrint3" /> LPT 3
				</label>
			</div>
			
			<label class="checkbox">
				<input type="checkbox" value="" /> Gear Cópia Microficha
			</label>
			<label class="checkbox">
				<input type="checkbox" value="" checked /> Gear Cópia em Papel
			</label>
			
			<div class="modal-footer">
				<button class="btn btn-primary" aria-hidden="true">OK</button>
				<button class="btn" data-dismiss="modal" aria-hidden="true">Cancelar</button>
				<button class="btn">Restaurar</button>
			</div>
			
			</form>
		</div>
		<!-- Fim Modal modalFuncoesRelat -->
		

		<!-- Modal modalFuncoesNovo -->
		<div id="modalFuncoesNovo" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="padding:10px; border:5px;" >
			
					
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
				<h3 id="myModalLabel">Cadastrar Nova Função</h3>
			</div>
			
			<div class="teix-unit">				
				<form class="form-horizontal">
					
					<div class="control-group">
						<label class="control-label" for="inputAcao">Ação</label>
						<div class="controls">
							<input type="text" id="inputEmail" placeholder="Ação"> 
						</div>
					</div>
					
					<div class="control-group">
						<label class="control-label" for="inputNroFuncao">Número da Função</label>
						<div class="controls">
							<input type="text" id="inputNomeFunc" placeholder="Nome da Função">
						</div>
					</div>
					
					<div class="control-group">
						<label class="control-label" for="inputNomeFuncao">Nome da Função</label>
						<div class="controls">
							<input type="text" id="inputNomeFuncao" placeholder="Nome da Função">
						</div>
					</div>
					
					<div class="control-group">
						<label class="control-label" for="inputFaixaSalarial">Faixa Salarial</label>
						<div class="controls">
							<input type="text" id="inputFaixaSalarial" placeholder="Faixa Salarial">
						</div>
					</div>
					
					<div class="control-group">
						<label class="control-label" for="inputDescFunc">Descrição da Função</label>
						<div class="controls">
							<textarea rows="5"></textarea>
						</div>
					</div>
				
					<ul class="pager" style="font-size: 12px;">
						<li class="previous"><a href="#">Anterior</a></li>
						<li class="next"><a href="#">Seguinte</a></li>
					</ul>
					
						
				</div>
					
						
					<div class="modal-footer">
						<button type="submit" class="btn btn-primary">Salvar Dados da Função</button>
						<button type="submit" class="btn" data-dismiss="modal" >Cancelar</button>
					<button type="submit" class="btn">Ajuda</button>
					
				</form>
			</div>
			
		</div>
		<!-- Fim Modal modalFuncoesNovo -->
				
		<!-- Modal modalAtrib -->
		<div id="modalAtrib" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="padding:10px; border:5px;" >
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
				<h3 id="myModalLabel">Atribuições de Funções</h3>
			</div>	
			<div class="modal-body">
				<div>
					<div style="float: left">
						<label class="label-float" style="width: 120px; ">Nr. Funcionário</label>
						<input type="text" class="input-small" id="inputNroFunc" placeholder="Número do Funcionário" value="1290" />
						<select class="span3">
							<option>1290 Santos, Ronaldo C.</option>
							<option>1880 Sampaio, Roberto V.</option>
							<option>1290 Cardoso, Mario P.</option>
							<option>1290 Pinto, Abílio R. B.</option>
						</select>
					</div>
					
					<div style="float: left">
						<label class="label-float" style="width: 120px; ">Nr. Função</label>
						<input type="text" class="input-small" id="inputNroFuncao" placeholder="Número da Função" value="0100" />
						<select class="span3">
							<option>0100 Analista de Sistemas SR.</option>
							<option>0101 Analista de Sistemas JR.</option>
							<option>0110 Programador SR.</option>
							<option>0111 Programador JR.</option>
						</select>
					</div>
										
					<div style="float: left">
						<label class="label-float" style="width: 120px; ">Data Atribuição</label>
						<input type="text" class="input-small" id="inputNroFuncao" placeholder="Data Atribuição" value="12/12/2012" />
					</div>
					<hr/>
					<div style="float: left">
						<label class="label-float">Número total de funcionários com esta função atribuída</label>
						<input type="text" class="input-mini" id="inputNroFuncao" value="3" />
					</div>
				</div>				
			</div>
			<div class="modal-footer">
				<button type="submit" class="btn btn-primary">Salvar</button>
			</div>
		</div>
		<!-- Fim Modal modalAtrib -->
		
		<!-- Modal modalAtribEntrada -->
		<div id="modalAtribEntrada" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="padding:10px; border:5px;" >
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
				<h3 id="myModalLabel">Entrada das Atribuições de Funções</h3>
			</div>	

			<form class="form-horizontal">
				<div class="modal-body">
					
					<div class="control-group">
						<label class="control-label" for="inputPrimeiroNome">Primeiro Nome</label>
						<div class="controls">
							<input type="text" id="inputPrimeiroNome" placeholder="Primeiro Nome"> 
						</div>
					</div>
					
					<div class="control-group">
						<label class="control-label" for="inputMI">MI</label>
						<div class="controls">
							<input type="text" id="inputMI" placeholder="MI"> 
						</div>
					</div>
					
					<div class="control-group">
						<label class="control-label" for="inputUltimoNome">Último Nome</label>
						<div class="controls">
							<input type="text" id="inputUltimoNome" placeholder="Último Nome"> 
						</div>
					</div>
					
					<div class="control-group">
						<label class="control-label" for="inputRG">RG</label>
						<div class="controls">
							<input type="text" id="inputRG" placeholder="RG">
						</div>
					</div>
					
					<div class="control-group">
						<label class="control-label" for="inputLocal">Local</label>
						<div class="controls">
							<input type="text" id="inputLocal" placeholder="Local">
						</div>
					</div>
					
					<div class="control-group">
						<label class="control-label" for="inputUnid">Unid. Negociação</label>
						<div class="controls">
							<input type="text" id="inputUnid" placeholder="Unid. Negociação">
						</div>
					</div>
					
					<div class="control-group">
						<label class="control-label" for="inputNroFuncao">Número da Função</label>
						<div class="controls">
							<input type="text" id="inputNroFuncao" placeholder="Número da Função">
						</div>
					</div>
					
					<div class="control-group">
						<label class="control-label" for="inputData">Data</label>
						<div class="controls">
							<input type="text" id="inputUnid" placeholder="Data">
						</div>
					</div>
					
					<div class="control-group">
						<label class="control-label" for="inputSalario">Salário</label>
						<div class="controls">
							<input type="text" id="inputSalario" placeholder="Salário">
						</div>
					</div>
					
					<div class="control-group">
						<label class="control-label" for="inputSatisf">Grau de Satisfação</label>
						<div class="controls">
							<input type="text" id="inputSatisf" placeholder="Grau de Satisfação">
						</div>
					</div>
				</div>
				
				<div class="modal-footer">
					<button class="btn" data-dismiss="modal" aria-hidden="true">OK</button>
					<button class="btn btn-primary">Cancelar</button>
				</div>
			</form>
		</div>
		
		<!-- Modal modalAtribRelatFunc -->
		<div id="modalAtribRelatFunc" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="padding:10px; border:5px;" >
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
				<h3 id="myModalLabel">Relatório das Atribuições das Funções</h3>
			</div>	

			<form class="form-horizontal">
				<div class="modal-body">
					
					<div class="control-group">
						<label class="control-label" for="inputPrimeiroNome">Primeiro Nome</label>
						<div class="controls">
							<input type="text" id="inputPrimeiroNome" placeholder="Primeiro Nome" value="Marcos" disabled="yes"  /> 
						</div>
					</div>
					
					<div class="control-group">
						<label class="control-label" for="inputMI">MI</label>
						<div class="controls">
							<input type="text" id="inputMI" placeholder="MI" value="P" disabled="yes" /> 
						</div>
					</div>
					
					<div class="control-group">
						<label class="control-label" for="inputUltimoNome">Último Nome</label>
						<div class="controls">
							<input type="text" id="inputUltimoNome" placeholder="Último Nome" value="Soares" disabled="yes" /> 
						</div>
					</div>
					
					<div class="control-group">
						<label class="control-label" for="inputRG">RG</label>
						<div class="controls">
							<input type="text" id="inputRG" placeholder="RG" value="345-58-4785" disabled="yes" />
						</div>
					</div>
					
					<div class="control-group">
						<label class="control-label" for="inputLocal">Local</label>
						<div class="controls">
							<input type="text" id="inputLocal" placeholder="Local" value="Matriz" disabled="yes" />
						</div>
					</div>
					
					<div class="control-group">
						<label class="control-label" for="inputUnid">Unid. Negociação</label>
						<div class="controls">
							<input type="text" id="inputUnid" placeholder="Unid. Negociação" value="MT0101" disabled="yes" />
						</div>
					</div>
					
					<div class="control-group">
						<label class="control-label" for="inputNroFuncao">Número da Função</label>
						<div class="controls">
							<input type="text" id="inputNroFuncao" placeholder="Número da Função" value="RD153454" disabled="yes" />
						</div>
					</div>
					
					<div class="control-group">
						<label class="control-label" for="inputData">Data</label>
						<div class="controls">
							<input type="text" id="inputUnid" placeholder="Data" value="03/07/2002" disabled="yes" />
						</div>
					</div>
					
					<div class="control-group">
						<label class="control-label" for="inputSalario">Salário</label>
						<div class="controls">
							<input type="text" id="inputSalario" placeholder="Salário" value="17,28" disabled="yes" />
						</div>
					</div>
					
					<div class="control-group">
						<label class="control-label" for="inputSatisf">Grau de Satisfação</label>
						<div class="controls">
							<input type="text" id="inputSatisf" placeholder="Grau de Satisfação" value="Satisfatório" disabled="yes" />
						</div>
					</div>
				</div>
				
				<div class="modal-footer">
					<button class="btn btn-primary" data-dismiss="modal" >OK</button>
					<button class="btn"data-dismiss="modal"  data-dismiss="modal" >Cancelar</button>
					<button class="btn" data-dismiss="modal" >Recupera</button>
					<button class="btn" data-dismiss="modal" >Exclui</button>
				</div>
			</form>
		</div>
		
		
		<script src="js/jquery.js"></script>
		<script type="text/javascript" src="/js/lib/bootstrap-2.0.2.js"></script>
		<script src="js/bootstrap-transition.js"></script>
		<script src="js/bootstrap-alert.js"></script>
		<script src="js/bootstrap-modal.js"></script>
		<script src="js/bootstrap-dropdown.js"></script>
		<script src="js/bootstrap-scrollspy.js"></script>
		<script src="js/bootstrap-tab.js"></script>
		<script src="js/bootstrap-tooltip.js"></script>
		<script src="js/bootstrap-popover.js"></script>
		<script src="js/bootstrap-button.js"></script>
		<script src="js/bootstrap-collapse.js"></script>
		<script src="js/bootstrap-carousel.js"></script>
		<script src="js/bootstrap-typeahead.js"></script>
	</body>
</html>

